<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style11.css">
</head>

<body>
    <div class="first jz3" id="how">
        <div class="jz">
            <div class="display p40">
                <div class="picture">
                    <img src="./图片/Eventsure.png">
                </div>
                <div class="another">
                    <ul class="zi position-t">
                        <li style="width: 140px;">
                            <a href="#how">How it Works</a>
                        </li>

                        <li>
                            <a href="#piricing">Pricing</a>
                        </li>
                        <li>
                            <a href="#testimonial">Testimonials</a>
                        </li>
                        <li>
                            <a href="#login">Login</a>
                        </li>
                        <li style="padding: 0;">
                            <a href="#signup">Sign up</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="another-1">
                <div class="jz">
                    <div class="display-1">
                        <div class="nei">
                            <h1 class="start">Start selling tickets to your event on your website in 5 mIns</h1>
                            <p>Redeem procceds from your sale directly into your bank account instantly</p>
                            <a href="#download" class="mk-5">Get Started</a>
                        </div>
                        <div class="picture-3">
                            <img src="./图片/Fill 3.png" style="position: relative;left: 210px;top: 50px;">
                            <img src="./图片/Fill 10.png" style="position: relative;top:80px;left: 120px;">
                            <img src="./图片/Group 7.png">
                        </div>
                    </div>
                </div>
            </div>
            <div class="fanzhuan">
                <img src="./图片/Rectangle 3.png">
            </div>
            <div class="fanzhuan1">
                <img src="./图片/Rectangle 3.png">
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <!-- first -->
    <div class="second" id="piricing">
        <div class="jz second">
            <div class="s1" id="#Pricing"></div>
            <div class="blue"></div>
            <img src="./图片/how it works.png" class="works">
            <img src="./图片/Group 5.png" class="group">
        </div>
    </div>
    <!-- second -->
    <div class="third" id="testimonial">
        <div class="jz height">
            <img src="./图片/Page 1.png" class="tupian1">
            <img src="./图片/sanjiao.png" class="tupian">
            <div class="wenzi">
                <h2>Testimonials</h2>
            </div>
            <div class="felx">
                <div class="card">
                    <div class="ne">
                        <div class="ron">
                            <img src="./图片/Oval.png">
                            <p>Llaudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta</p>
                            <div class="clear"></div>
                        </div>
                        <div class="boye">
                            <h3>Akinboye Richard</h3>
                            <p>Nia Entertainment</p>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="card1">
                    <div class="ne">
                        <div class="ron">
                            <img src="./图片/Oval1.png">
                            <p>Llaudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta</p>
                            <div class="clear"></div>
                        </div>
                        <div class="boye">
                            <h3>Akinboye Richard</h3>
                            <p>Nia Entertainment</p>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="card2">
                    <div class="ne">
                        <div class="ron">
                            <img src="./图片/Oval2.png">
                            <p>Llaudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta</p>
                            <div class="clear"></div>
                        </div>
                        <div class="boye">
                            <h3>Akinboye Richard</h3>
                            <p>Nia Entertainment</p>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="card3">
                    <div class="ne">
                        <div class="ron">
                            <img src="./图片/Oval3.png">
                            <p>Llaudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta</p>
                            <div class="clear"></div>
                        </div>
                        <div class="boye">
                            <h3>Akinboye Richard</h3>
                            <p>Nia Entertainment</p>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- third -->
    <div class="four picture-4" id="login">
        <div class="jz">
            <div class="zheng">
                <img src="./图片/Fill 10.png" style="position: relative;bottom: 300px;left: 130px;">
                <img src="./图片/Fill 1.png" style="position: relative;bottom: 252px;left: 170px;">
                <img src="./图片/Fill 3.png" style="position: relative;bottom: 340px;left: 160px;">
                <img src="./图片/page1.png">
                <img src="./图片/Fill 7.png" style="position: relative;right:133px;bottom: 50px;">
                <div class="clear"></div>
            </div>
            <div class="gi">
                <h3>Register Now</h3>
                <div class="nam">
                    <input type="email" name="email" placeholder="Your Name" class="name">
                </div>
                <div class="emai">
                    <input type="email" name="email" placeholder="Email" class="email">
                </div>
                <div class="sub">
                    <button type="button">Submit</button>
                </div>
            </div>
            <div class="eng">
                <img src="./图片/page2.png">
                <img src="./图片/Fill 10.png" style="position: relative;right: 130px;bottom: 210px;">
                <img src="./图片/Fill 3.png " style="position: relative;right: 100px;bottom: 250px;">
                <img src="./图片/Fill 1.png" style="position: relative;right: 100px;bottom: 155px;">
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <!-- four -->

    <div class="five" id="signup">
        <div class="jz">
            <div class="width">
                <div class="t-p betwteen">
                    <div class="u-l1">
                        <ul class="op">
                            <h1>About</h1>
                            <li>Support</li>
                            <li>Helpline</li>
                            <li>Pricing</li>
                            <li>Platfrom</li>
                        </ul>
                    </div>
                    <div class="u-l2">
                        <ul class="op">
                            <h1>Features</h1>
                            <li>Multi User Admin</li>
                            <li>Social lntegration</li>
                            <li>lnstant Payment</li>
                            <li>Multipayment Opiton</li>
                        </ul>
                    </div>
                    <div class="u-l11">
                        <ul class="op">
                            <h1>About</h1>
                            <li>Demo</li>
                            <li>How To</li>
                            <li>Documentaion</li>
                            <li>Events</li>
                        </ul>
                    </div>
                    <div class="u-l22">
                        <ul class="op">
                            <h1>Company</h1>
                            <li>About</li>
                            <li>Customer</li>
                            <li>Carer</li>
                            <li>Contact Us</li>
                        </ul>
                    </div>
                    <div class="u-l">
                        <img src="./图片/Eventsure.png" style="position: relative;width: 200px;">
                        <p>1 CIPM Avenue ,Alasua lkja Lagos,Nigeria</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- five -->
    <div class="zhaopian">
        <img src="./图片/Pae1.png" style="position: relative;top:5px;">
        <img src="./图片/Pa2.png" style="position: relative;right: 50px;bottom:110px   ;">
        <img src="./图片/roup5.png" style="position: relative;right: 81px;top: 10px;width: 57px;"> </div>
    </div>
    <div class="zop"></div>
</body>

</html>